<template>
  <MyComponent>
    <template #heading>
      <SlotAttrs class="font-bold bg-primary" />
      This is heading
    </template>
    <template>
      <SlotAttrs href="/about" class="bg-primary" />
      About
    </template>
  </MyComponent>
</template>
<script setup>
import MyComponent from './MyComponent.vue';
import SlotAttrs from './SlotAttrs.vue';
//https://stackoverflow.com/questions/76621595/vue-3-slots-attributes-can-you-pass-data-through-props
</script>
<style scoped>
:deep(.font-bold) {
  font-weight: bold;
}

:deep(.bg-primary) {
  background: lightblue;
}
</style>